<!doctype html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>上海丞风智能科技有限公司</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
	<link rel="stylesheet" href="css/format.css" media="screen">
	<link rel="stylesheet" type="text/css" href="css/public.css"/>
	<link rel="stylesheet" href="css/index.css" media="screen">
</head>
<body>
<!--header-->
<div id="header">
	<!--头部-->
</div>
<!--banner-->
<div class="pic_wrapper">
	<div class="pic_focus" id="myslide">
        <div>
            <span class="pic_1">
                <!--<a href="">了解详情</a>-->
            </span> 
        </div>            
        <div>
            <span class="pic_2">
                <!--<a href="">了解详情</a>-->
            </span> 
        </div>
        <div>
            <span class="pic_3">
                <!--<a href="">了解详情</a>-->
            </span> 
        </div>
    </div>
    <!--切换方块-->
    <div id="btn" class="pic_bar"></div>
    <!--文字-->
    <div class="banner-text">
    	<div><img src="image/wenzi.png"/></div>
    	<a href="joinus.html">了解详情</a>
    </div>
</div>
<!--main-->
<div class="width-main mc main">
	<div class="menu">
		<h2 class="cb">
			<em class="fL">新闻</em>
			<div class="fL" id="scroll">
				<ul></ul>
			</div>
		</h2>
		<ul class="cb service">
			<li class="fL ">
				<a href="zhuanyefuwu.html" class="fwxm"></a>
			</li>
			<li class="fL ">
				<a href="chanpinjieshao.html" class="cpzs"></a>
			</li>
			<li class="fL ">
				<a href="aboutcf.html" class="gycf"></a>
			</li>
		</ul>
	</div>
</div>
<!--footer-->
<div id="footer">
	
</div>
</body>
<script src="js/jquery_min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.cycle.all.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(function(){
		getHeaderHtml();//获取头部
		///首页大图轮播
		var w_w = $(window).width();
		$(".pic_focus span").css("width",w_w);
		if(w_w>1920){
			$('#myslide').css({"width":"1920px","margin":"0 auto"});
		};
		$('#myslide').cycle({
			fx: 'scrollLeft',
			pager:'#btn',
			speed: 400,
			pause:true,
			pauseOnPagerHover:true
		});
		newsLsit();//获取新闻
		getFooterHtml();//获取footer
	})
	function newsLsit(){
			var newsLsit = '';
			$.getJSON(
				"json/news.json",
				function(data) {
					console.log(JSON.stringify(data));
					if(data.resultBoolean == true){
						var msg = data.results;
						if (msg =='') {
							$("#scroll ul").append("暂无数据");
						} else{
							for(var i = 0; i< msg.length; i++){
								var news= msg[i].news;
								newsLsit +=' <li><a href="#">'+news+'</a></li>'
							}
							$("#scroll ul").append(newsLsit);
						}
					}
				}
			);
		}
	//新闻滚动
	function news(obj){
		if ($(obj).find("ul:first").html() != "暂无数据") {
			$(obj).find("ul:first").animate({marginTop:"-40px"},500,function(){
				$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
			})
		} else{
			return;
		}	
	}
	setInterval('news("#scroll")',4000);
</script>
</html>